<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>SpaceMax | Multi Purpose HTML Template</title>

    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png">

    <link href="fonts/sfuidisplay.css" rel="stylesheet">

    <link rel="stylesheet" href="css/all.css">

    <link rel="stylesheet" href="css/plugins.min.css">

    <link rel="stylesheet" href="css/app.css">

    <link rel="stylesheet" href="css/custom.css">
</head>

<body class="theme-blue" data-spy="scroll" data-target="#navbar-nav" data-animation="false" data-appearance="darkblue">

    <div class="switcher">
        <div class="switcher__toggler d-flex flex-column align-items-center justify-content-center">
            <button class="toggler__btn mb-1">
                <img src="demo-assets/settings.png" alt="settings">
            </button>
        </div>
        <div class="switcher-wrapper">

            <div class="switcher-colors switcher-clone">
                <h4 class="switcher__item-title">Change the color style</h4>
                <ul class="switcher-tab">
                    <li class="switcher-tab__item">
                        <button class="tab-color active">Solid Colors</button>
                    </li>
                    <li class="switcher-tab__item">
                        <button class="tab-gradient">Gradient Colors</button>
                    </li>
                </ul>
                <div class="switcher-tab-content switcher-tab__color">
                    <ul class="switcher-color tab-color-clone active">
                        <li>
                            <button data-theme="theme-royal-blue" class="controller theme-royal-blue"></button>
                        </li>
                        <li>
                            <button data-theme="theme-blue" class="controller theme-blue active"></button>
                        </li>
                        <li>
                            <button data-theme="theme-amethyst" class="controller theme-amethyst"></button>
                        </li>
                        <li>
                            <button data-theme="theme-roman" class="controller theme-roman"></button>
                        </li>
                        <li>
                            <button data-theme="theme-amaranth" class="controller theme-amaranth"></button>
                        </li>
                        <li>
                            <button data-theme="theme-orange" class="controller theme-orange"></button>
                        </li>
                        <li>
                            <button data-theme="theme-green" class="controller theme-green"></button>
                        </li>
                        <li>
                            <button data-theme="theme-fern" class="controller theme-fern"></button>
                        </li>
                    </ul>
                    <ul class="switcher-gradient tab-color-clone">
                        <li>
                            <button data-theme="theme-gradient-1" class="controller bg-gradient--1"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-2" class="controller bg-gradient--2"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-3" class="controller bg-gradient--3"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-4" class="controller bg-gradient--4"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-5" class="controller bg-gradient--5"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-6" class="controller bg-gradient--6"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-7" class="controller bg-gradient--7"></button>
                        </li>
                        <li>
                            <button data-theme="theme-gradient-8" class="controller bg-gradient--8"></button>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="canvas-style switcher-clone">
                <h4 class="switcher__item-title">Canvas style</h4>
                <ul class="switcher-tab">
                    <li class="switcher-tab__item">
                        <button class="tab-full active">Full </button>
                    </li>
                    <li class="switcher-tab__item">
                        <button class="tab-boxed">Boxed</button>
                    </li>
                </ul>
                <div class="switcher-tab-content switcher-tab__pattern">
                    <ul class="switcher-boxed">
                        <li>
                            <button data-theme="circle-pattern" class="pcontroller circle-pattern">
                                <img class="media__content" src="img/patterns/circle-pattern.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="circles-light" class="pcontroller circles-light">
                                <img class="media__content" src="img/patterns/circles-light.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="leaf-pattern" class="pcontroller leaf-pattern">
                                <img class="media__content" src="img/patterns/leaf-pattern.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="memphis-colorful" class="pcontroller memphis-colorful">
                                <img class="media__content" src="img/patterns/memphis-colorful.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="round-pattern" class="pcontroller round-pattern">
                                <img class="media__content" src="img/patterns/round-pattern.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="spiration-light" class="pcontroller spiration-light">
                                <img class="media__content" src="img/patterns/spiration-light.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="swirl-pattern" class="pcontroller swirl-pattern">
                                <img class="media__content" src="img/patterns/swirl-pattern.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="tic-tac-toe" class="pcontroller tic-tac-toe">
                                <img class="media__content" src="img/patterns/tic-tac-toe.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="x-pattern" class="pcontroller x-pattern">
                                <img class="media__content" src="img/patterns/x-pattern.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="hexagon" class="pcontroller hexagon">
                                <img class="media__content" src="img/patterns/hexagon.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="curls" class="pcontroller curls">
                                <img class="media__content" src="img/patterns/curls.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="darkness" class="pcontroller darkness">
                                <img class="media__content" src="img/patterns/darkness.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="spiration-dark" class="pcontroller spiration-dark">
                                <img class="media__content" src="img/patterns/spiration-dark.png" alt="">
                            </button>
                        </li>
                        <li>
                            <button data-theme="zig-zag-wool" class="pcontroller zig-zag-wool">
                                <img class="media__content" src="img/patterns/zig-zag-wool.png" alt="">
                            </button>
                        </li>
                    </ul>
                </div>
            </div>


            <div class="theme-variation switcher-clone">
                <h4 class="switcher__item-title">Landing Pages</h4>
                <div class="switcher-tab-content switcher-tab__variation">
                    <div class="demo-item">
                        <a href="index.html"><img src="demo-assets/home-1.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item">
                        <a href="home-2.html"><img src="demo-assets/home-2.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item">
                        <a href="home-3.html"><img src="demo-assets/home-3.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item">
                        <a href="home-4.html"><img src="demo-assets/home-4.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item">
                        <a href="home-5.html"><img src="demo-assets/home-5.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item active">
                        <a href="home-6.html"><img src="demo-assets/home-6.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                    <div class="demo-item">
                        <a href="home-7.html"><img src="demo-assets/home-7.png" alt="image">
                            <span>
                                <i class="fas fa-check"></i>
                            </span>
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>


    <div class="preloader">
        <div class="wrapper">
            <div class="blobs">
                <div class="blob-center"></div>
                <div class="blob"></div>
                <div class="blob"></div>
                <div class="blob"></div>
                <div class="blob"></div>
                <div class="blob"></div>
                <div class="blob"></div>
            </div>
            <div>
                <div class="loader-canvas canvas-left"></div>
                <div class="loader-canvas canvas-right"></div>
            </div>
        </div>
    </div>

    <main class="main">

        <header class="navbar navbar-sticky sticky-bg-color--darkblue navbar-expand-lg navbar-dark">
            <div class="container-fluid position-relative">
                <a class="navbar-brand" href="index.html">
                    <img class="navbar-brand__regular" src="img/brand-logo-white.png" alt="brand-logo">
                    <img class="navbar-brand__sticky" src="img/brand-logo-white.png" alt="sticky brand-logo">
                </a>

                <button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="navbar-inner ml-lg-auto">

                    <button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler"
                        aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <nav>
                        <ul class="navbar-nav" id="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="#working-process">How it works</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#token-sale-details">Token details</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#roadmap">Roadmap</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#team">Team</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#documents">Documents</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#faq">FAQ</a>
                            </li>
                        </ul>

                    </nav>
                </div>
                <div
                    class="d-flex flex-column flex-sm-row align-items-center d-sm-inline-block ml-lg-1 ml-xl-2 mr-5 mr-sm-6 m-lg-0">
                    <a href="#"
                        class="btn btn-size--md btn-border btn-border--width--2 btn-border--color--primary color--white rounded--full btn-hover--3d btn-hover--splash d-none d-sm-inline-block">
                        <span class="btn__text d-flex align-items-center">Join our Telegram </span>
                    </a>
                    <a href="#" class="btn btn-size--md btn-bg--primary rounded--full btn-hover--3d btn-hover--splash">
                        <span class="btn__text d-flex align-items-center">
                            <i class="icon icon-a-add color--white pr-1 h6-font font-w--700"></i>
                            Sign up
                        </span>
                    </a>
                </div>

            </div>

        </header>


        <section
            class="hero hero--v6 hero--full section--darkblue bg-gradient--darkblue--1 d-flex align-items-center hidden">
            <div class="background-holder background--bottom z-index1">
                <img src="img/layout/map-1.png" alt="image" class="background-image-holder">
            </div>

            <div class="svg-shape svg-shape-wave d-none d-lg-block">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 620">
                    <defs>
                        <linearGradient id="wave-1-a" x1="91.821%" x2="8.258%" y1="-3.695%" y2="81.178%">
                            <stop offset="0%" stop-color="#2A36AC" />
                            <stop offset="100%" stop-color="#171883" />
                        </linearGradient>
                        <linearGradient id="wave-1-b" x1="90.535%" x2="10.832%" y1="4.232%" y2="85.759%">
                            <stop offset="0%" stop-color="#7679EC" stop-opacity="0" />
                            <stop offset="100%" stop-color="#5659E1" />
                        </linearGradient>
                    </defs>
                    <path class="svg-line" fill="url(#wave-1-a)" fill-rule="evenodd" stroke="url(#wave-1-b)"
                        stroke-width="6"
                        d="M-22.367223,829.365369 C47.8180949,725.233038 134.111268,731.437531 234.193598,847.152817 C273.353512,891.087195 307.028199,910.593177 338.265123,909.853439 C365.092805,909.218118 390.288083,894.182042 420.454093,863.630787 C429.588386,854.379841 438.997249,843.964548 451.335914,829.645952 C453.858532,826.718541 476.633091,799.992904 483.603802,791.987122 C504.948033,767.473516 522.234002,749.459356 540.435668,733.563857 C562.788651,714.043017 585.163058,699.16629 608.833467,688.824275 C664.49258,664.505837 726.433205,665.853427 799.302255,697.505792 C874.685922,730.250439 930.021659,735.252444 973.79212,717.251707 C992.450868,709.578239 1009.12469,697.759955 1025.59014,681.307946 C1038.52265,668.385995 1049.41242,655.028513 1067.90797,630.411498 C1069.06331,628.873768 1074.30586,621.882493 1075.73545,619.980561 C1094.31817,595.258063 1105.7581,581.219491 1119.4406,567.377636 C1137.08772,549.52499 1155.23692,536.056623 1175.64738,526.508862 C1223.79391,503.986512 1284.04516,503.894195 1364.18517,530.10651 C1441.86592,555.514446 1503.30729,554.203957 1555.08071,530.306348 C1577.09537,520.14481 1597.32891,505.962764 1617.26372,487.437577 C1633.34022,472.497869 1648.09715,456.026992 1667.76056,431.934359 C1670.72185,428.306027 1689.78833,404.658967 1695.30396,397.965487 C1712.53689,377.052492 1725.79585,362.613652 1739.58866,350.465124 C1756.33384,335.716199 1772.9761,325.393365 1790.81046,319.319361 C1831.54878,305.444757 1878.51106,314.004559 1937.4923,348.861006 C2123.16473,458.588806 2144.25888,666.20199 2001.45303,970.525832 L2000.65244,972.231901 L-125.452084,994.056123 L-22.422471,829.450405 L-22.367223,829.365369 Z"
                        transform="translate(0 -310)" />
                </svg>
            </div>

            <div class="container">
                <div class="row">
                    <div
                        class="col-12 col-md-10 col-lg-8 col-xl-7 mx-auto mx-lg-0 mb-3 mt-8 mt-lg-0 text-center text-lg-left z-index2">
                        <div class="hero-content">
                            <h1 class="hero__title font-w--600 mb-2 mb-lg-3">Bloomberg in the cryptocurrency world </h1>
                            <p class="hero__description text-color--200 font-size--20 opacity--80 mb-3 mb-lg-5 mb-md-6">
                                By using Blockchain technology, we aim to get making service faster and cheaper. For
                                more information, you can read the whitepaper.</p>
                            <div
                                class="button-group d-flex flex-column flex-sm-row align-items-center d-sm-inline-block">
                                <a href="#" class="btn btn-bg--primary rounded--full btn-hover--3d btn-hover--splash">
                                    <span class="btn__text">Contribute Now</span>
                                </a>
                                <a href="#" class="btn btn-bg--darkblue rounded--full btn-hover--3d btn-hover--splash">
                                    <span class="btn__text">Get Whitepaper</span>
                                </a>
                            </div>
                        </div>

                    </div>

                    <div
                        class="col-12 col-md-1 pos-abs-md-vertical-center pos-right text-center  mr-md-3 mr-xl-2 z-index1">
                        <ul class="icon-group icon-group--vertical rounded--full justify-content-center mb-3 mb-md-10">
                            <li><a href="#" class="color--primary"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-telegram-plane"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-linkedin-in"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-medium-m"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-bitcoin"></i></a></li>
                            <li><a href="#" class="color--primary"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                    </div>

                    <div
                        class="col-xl-5 col-lg-7 position-relative pos-abs-xl-bottom-right z-index1 col-12 pb-md-5 pr-3 text-left">
                        <div class="ico-progress ico-progress--v1">
                            <div class="text-center text-lg-left">
                                <span class="font-size--20 color--white mb-1">Sale Ends In:</span>
                                <ul class="countdown d-flex mb-4 justify-content-center justify-content-lg-start text-left"
                                    id="date" data-date="Sep 30, 2019">
                                    <li class="d-flex flex-column mr-2 mr-sm-3">
                                        <span class="countdown__count h2-font font-w--500 mb-1" id="days"></span>
                                        <span class="color--primary font-w--500 opacity--60">Days</span>
                                    </li>
                                    <li class="d-flex flex-column mr-2 mr-sm-3">
                                        <span class="countdown__count h2-font font-w--500 mb-1" id="hours"></span>
                                        <span class="color--primary font-w--500 opacity--60">Hours</span>
                                    </li>
                                    <li class="d-flex flex-column mr-2 mr-sm-3">
                                        <span class="countdown__count h2-font font-w--500 mb-1" id="minutes"></span>
                                        <span class="color--primary font-w--500 opacity--60">Minutes</span>
                                    </li>
                                    <li class="d-flex flex-column">
                                        <span class="countdown__count h2-font font-w--500 mb-1" id="seconds"></span>
                                        <span class="color--primary font-w--500 opacity--60">Seconds</span>
                                    </li>
                                </ul>
                            </div>

                            <div class="ico-progress-bar rounded--full d-flex align-items-center mb-2">
                                <div class="ico-progress-bar__inner rounded--full bg-color--primary jsElement"
                                    data-progress-horizon="50"></div>
                            </div>
                            <div class="d-flex justify-content-between">
                                <div class="ico-progress__text">
                                    <span class="body-font color--primary opacity--70 font-w--500">Raised</span>
                                    <p class="text-color--300 h6-font font-w--700">457 373 $</p>
                                </div>
                                <div class="ico-progress__text text-right">
                                    <span class="body-font color--primary opacity--70 font-w--500">Hard cap</span>
                                    <p class="text-color--300 h6-font font-w--700">96 000 0 $</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </section>


        <section class="space about about--v1 section--darkblue bg-gradient--darkblue--2" id="about">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12 col-lg-5 mb-6 mb-lg-0">
                        <picture class="about__image">
                            <img src="img/illustration-01.png" alt="illustration">
                        </picture>
                    </div>

                    <div class="col-12 col-lg-7 remove-space--bottom">
                        <div class="mb-5 mb-lg-7 text-center text-lg-left reveal">
                            <h2 class="h3-font font-w--600 mb-2">About SpaceMax</h2>
                            <p class="font-size--20">The main objectives of the project are to meet the needs of
                                cryptocurrency projects and users for traditional services, and to provide access to
                                investment product.</p>
                        </div>

                        <div class="d-md-flex mb-4 mb-lg-5 text-center text-md-left reveal">
                            <span class="mb-3 mb-lg-0 mr-md-5">
                                <img src="img/icon-mission.png" alt="icon">
                            </span>
                            <div>
                                <h3 class="h5-font font-w--600 text-color--200 mb-1">Our Mission</h3>
                                <p class="text-color--500">IcoNijna brings together best aspects of crypto- and real
                                    economy in order to get to a qualitatively new level - composite economy. This means
                                    a simple integration of rules and customs of existing industries and segments
                                    of global and local economies.</p>
                            </div>
                        </div>

                        <div class="d-md-flex mb-4 mb-lg-5 text-center text-md-left reveal">
                            <span class="mb-3 mb-lg-0 mr-md-5">
                                <img src="img/icon-vision.png" alt="icon">
                            </span>
                            <div>
                                <h3 class="h5-font font-w--600 text-color--200 mb-1">Our Vision</h3>
                                <p class="text-color--500">If you are looking at blank cassettes on the web, you may be
                                    very confused at the difference in price. You may see some for as low as $.17 each.
                                    You may be saying to yourself, “Wow, what a deal!”.</p>
                            </div>
                        </div>

                        <div class="d-md-flex mb-4 mb-lg-5 text-center text-md-left reveal">
                            <span class="mb-3 mb-lg-0 mr-md-5">
                                <img src="img/icon-background.png" alt="icon">
                            </span>
                            <div>
                                <h3 class="h5-font font-w--600 text-color--200 mb-1">Our Background</h3>
                                <p class="text-color--500">IcoNijna brings together best aspects of crypto- and real
                                    economy in order to get to a qualitatively new level - composite economy. This means
                                    a simple integration of rules and customs of existing industries and segments
                                    of global and local economies.</p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>


        <section class="space--top space--bottom--2 section--darkblue process process--v1 bg-gradient--darkblue--3"
            id="working-process">
            <div class="background-holder background--bottom background--cover opacity--03">
                <img src="img/layout/image-globe.png" alt="image" class="background-image-holder">
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-10 col-md-8 mx-auto">
                        <div class="text-center mb-5 reveal">
                            <h2 class="h3-font font-w--600 mb-2">How it works?</h2>
                            <p class="h6-font">Participants of the SpaceMax platform interact with each other within a
                                global ecosystem. SpaceMax Token (INT) is a means of creating economic incentives to
                                reward platform members. INT acts as the main component enabling SpaceMax
                                Consensus between participants.</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 text-center">
                        <div class="position-relative mt-xl-10 reveal">
                            <div class="pos-abs-center d-none d-lg-block">
                                <img src="img/layout/process.svg" alt="process"
                                    class="svg process__circle d-inline-block">
                                <img src="img/brand-logo-icon.png" alt="brand-logo" class="pos-abs-center">
                            </div>

                            <div class="d-sm-flex justify-content-between ml-6 ml-sm-0">
                                <div class="options options--left text-left mb-3 mb-sm-0 remove-space--bottom">
                                    <div class="option mb-3 mb-sm-10">
                                        <h3 class="h6-font text-sm-right text-uppercase font-w--700">Exchange
                                            <br>commissions</h3>
                                        <span class="decor"></span>
                                    </div>
                                    <div class="option mb-3 mb-sm-10">
                                        <h3 class="h6-font text-sm-right text-uppercase font-w--700">Investment
                                            <br>platform commissions</h3>
                                        <span class="decor"></span>
                                    </div>
                                    <div class="option mb-3 mb-sm-10">
                                        <h3 class="h6-font text-sm-right text-uppercase font-w--700">Mining <br>pool
                                            commission</h3>
                                        <span class="decor"></span>
                                    </div>
                                </div>

                                <div
                                    class="process__circle--mobile position-relative d-none d-sm-flex d-lg-none align-items-center">
                                    <span class="mobile-logo">
                                        <img src="img/brand-logo-icon.png" alt="brand-logo" class="pos-abs-center">
                                    </span>
                                </div>

                                <div class="d-flex justify-content-between">
                                    <div class="options options--right text-right text-left remove-space--bottom">
                                        <div class="option mb-3 mb-sm-10">
                                            <h3 class="h6-font text-left text-uppercase font-w--700">Margin <br>trading
                                                commissions</h3>
                                            <span class="decor"></span>
                                        </div>
                                        <div class="option mb-3 mb-sm-10">
                                            <h3 class="h6-font text-left text-uppercase font-w--700">
                                                Electronic<br>payment system</h3>
                                            <span class="decor"></span>
                                        </div>
                                        <div class="option mb-3 mb-sm-10">
                                            <h3 class="h6-font text-left text-uppercase font-w--700">Bank <br>commission
                                            </h3>
                                            <span class="decor"></span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </section>


        <section class="space section--darkblue bg-gradient--darkblue--4">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-9 mx-auto mx-md-0">
                        <div class="mb-5 mb-lg-7 text-center text-md-left reveal">
                            <h2 class="h3-font font-w--600 mb-2">Benefits of using SpaceMax</h2>
                            <p class="h6-font">gives people access to wristbands that allow cashless payments at events,
                                festivals, and venues across borders. During that time, our sample size was three
                                million, one hundred and twenty-nine thousand drivers. According to
                                our information, this is the largest dataset in the world.</p>
                        </div>
                    </div>
                </div>

                <div class="position-relative">
                    <div class="vertical-border d-flex pos-abs-center h-100 w-100">
                        <span class="column-border"></span>
                    </div>
                    <div class="row horizontal-border justify-content-between mb-lg-5 pb-lg-5 reveal">
                        <div class="col-12 col-md-6 col-lg-5">
                            <div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
                                <span class="mb-3 mb-lg-0 mr-md-3">
                                    <img src="img/icon-decentralized.svg" alt="icon">
                                </span>
                                <div>
                                    <h3 class="h5-font text-color--200 font-w--600 mb-2">Decentralized</h3>
                                    <p class="text-color--500">We believe it is incredibly important to redistribute
                                        this power & profitability, and hand it back over to the people - the real
                                        consumers, borrowers and lenders.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-md-6 col-lg-5">
                            <div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
                                <span class="mb-3 mb-lg-0 mr-md-3">
                                    <img src="img/icon-p2p.svg" alt="icon">
                                </span>
                                <div>
                                    <h3 class="h5-font text-color--200 font-w--600 mb-2">Peer to peer network</h3>
                                    <p class="text-color--500">Utilizing the power of the global community and the
                                        sharing economy to tear down the barriers and revolutionize the old &
                                        inefficient financial systems.</p>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row horizontal-border justify-content-between mb-lg-5 pb-lg-5 reveal">
                        <div class="col-12 col-md-6 col-lg-5">
                            <div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
                                <span class="mb-3 mb-lg-0 mr-md-3">
                                    <img src="img/icon-wallet.svg" alt="icon">
                                </span>
                                <div>
                                    <h3 class="h5-font text-color--200 font-w--600 mb-2">Multicurrency crypto wallet
                                    </h3>
                                    <p class="text-color--500">Our crypto wallet function will use the bank's
                                        infrastructure for cold storage of funds with bank grade security.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-md-6 col-lg-5">
                            <div class="d-lg-flex mb-4 mb-lg-0 text-center text-md-left">
                                <span class="mb-3 mb-lg-0 mr-md-3">
                                    <img src="img/icon-ledger.svg" alt="icon">
                                </span>
                                <div>
                                    <h3 class="h5-font text-color--200 font-w--600 mb-2">True value creation</h3>
                                    <p class="text-color--500">Using innovation and creativity, our community of
                                        architects, developers revolutionaries believe in the creation of a bid meets an
                                        ask.</p>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

            <div class="switchable pt-4 d-lg-flex align-items-md-center">
                <div class="col-12 col-lg-6 mb-40 mb-lg-0 text-center mb-3 reveal">
                    <picture class="switchable__image">
                        <img src="img/device-mockup.png" alt="image" class="img-fluid">
                    </picture>
                </div>

                <div class="switchable__content">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 ml-md-auto">
                                <div class="mb-4 text-center text-sm-left reveal">
                                    <h2 class="h3-font font-w--600 mb-1">Analytics in your pocket now!</h2>
                                    <p class="h6-font">Login to the SpaceMax App and use ETH from your Eidoo wallet to
                                        buy INT tokens and get hardware rewards.</p>
                                </div>

                                <ul class="pl-2 mb-6 text-left reveal">
                                    <li class="text-color--500 mb-1">
                                        <p>Send and receive INT</p>
                                    </li>
                                    <li class="text-color--500 mb-1">
                                        <p>Create child profiles</p>
                                    </li>
                                    <li class="text-color--500 mb-1">
                                        <p>Build family networks by inviting trusted family members</p>
                                    </li>
                                    <li class="text-color--500 mb-1">
                                        <p>View their own personal balance and compare its market value </p>
                                    </li>
                                    <li class="text-color--500 mb-1">
                                        <p>Transfer to exchanges to convert to other currencies</p>
                                    </li>
                                    <li class="text-color--500 mb-1">
                                        <p>See notifications from across the family network</p>
                                    </li>
                                </ul>

                                <div class="button-group d-flex flex-column flex-sm-row align-items-center reveal">
                                    <div class="d-flex flex-column align-items-center mb-2">
                                        <a href="#"
                                            class="btn btn-border btn-border--color--primary btn-border--width--2 rounded--full color--white btn-hover--splash">
                                            <span class="btn__text">Download Now</span>
                                        </a>
                                        <span class="text-color--500 mt-2">Available for any OS</span>
                                    </div>
                                    <div class="ml-sm-3 mb-sm-7">
                                        <a class="lightbox h6-font color--primary d-flex align-items-center justify-content-center"
                                            data-autoplay="true" data-vbtype="video"
                                            href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
                                            <i class="icon icon-button-circle-play color--primary font-size--26"></i>
                                            <span class="ml-1 font-w--700">Watch our video</span></a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </section>


        <section class="space token-sale-details token-sale-details--v1 section--darkblue bg-gradient--darkblue--3"
            id="token-sale-details">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-12 col-lg-6 col-xl-7 mx-auto mx-md-0 remove-space--bottom">
                        <div class="mb-5 mb-lg-7 text-center text-md-left reveal">
                            <h2 class="h3-font font-w--600 mb-2">Token sale details</h2>
                            <p class="h6-font">Total amount of INT released is 1,000,000,000. No additional token
                                releases will take place. If all INT available for sale are not purchased, the remaining
                                tokens are destroyed. Token distribution takes place 10 days after
                                the token sale is complete.</p>
                        </div>

                        <div class="d-flex flex-row mb-2 reveal">
                            <div class="card bg-color--blue-opacity--15 border--none p-2 p-md-4 mr-2 w-100">
                                <span class="body-font font-w--600 mb-1">Token Symbol</span>
                                <span class="color--primary h4-font font-w--700">INT</span>
                            </div>
                            <div class="card bg-color--blue-opacity--15 border--none p-2 p-md-4 w-100">
                                <span class="body-font font-w--600 mb-1">Blockchain</span>
                                <span class="color--primary h4-font font-w--700">Ethereum, ERC20</span>
                            </div>
                        </div>

                        <div class="d-flex flex-row mb-2 reveal">
                            <div class="card bg-color--blue-opacity--15 border--none p-2 p-md-4 mr-2 w-100">
                                <span class="body-font font-w--600 mb-1">Token Price</span>
                                <span class="color--primary h4-font font-w--700">0,0014571 ETH</span>
                            </div>
                            <div class="card bg-color--blue-opacity--15 border--none p-2 p-md-4 w-100">
                                <span class="body-font font-w--600 mb-1">Total Token Supply</span>
                                <span class="color--primary h4-font font-w--700">1,000,000,000 INT</span>
                            </div>
                        </div>

                    </div>

                    <div class="col-12 col-lg-6 col-xl-5 mt-2 mt-lg-0">
                        <div class="token-calculator bg-color--blue-opacity--10 rounded--05 p-2 p-md-4 reveal">
                            <div class="mb-4">
                                <h3 class="h4-font font-w--600 mb-1">Token calculation </h3>
                                <span class="text-color--400 font-size--15">Use the calculator to better understand
                                    conversions from popular crypto currencies.</span>
                            </div>

                            <div class="d-flex align-items-center flex-wrap">
                                <button
                                    class="token-calculator__coin token-calculator__coin--is-active d-flex align-items-center rounded--05">
                                    <img src="img/icon-eth.svg" alt="coin-icon" class="svg">
                                    <span class="coin-name font-w--600 color--white ml-1"
                                        data-coin="eth">Ethereum</span>
                                </button>
                                <button class="token-calculator__coin d-flex align-items-center rounded--05">
                                    <img src="img/icon-btc.svg" alt="coin-icon" class="svg">
                                    <span class="coin-name font-w--600 color--white ml-1" data-coin="btc">Bitcoin</span>
                                </button>
                                <button class="token-calculator__coin d-flex align-items-center rounded--05">
                                    <img src="img/icon-bch.svg" alt="coin-icon" class="svg">
                                    <span class="coin-name font-w--600 color--white ml-1" data-coin="bch">Bitcoin
                                        Cash</span>
                                </button>
                                <button class="token-calculator__coin d-flex align-items-center rounded--05">
                                    <img src="img/icon-ltc.svg" alt="coin-icon" class="svg">
                                    <span class="coin-name font-w--600 color--white ml-1" data-coin="ltc">Litcoin</span>
                                </button>
                            </div>

                            <div class="token-calculator-fields bg-color--blue-opacity--15 rounded--05 mt-3">
                                <div class="input-field-row input-field-row--src">
                                    <input type="number" value="" placeholder="100000"
                                        class="currency-input--src body-font font-w--600">
                                    <span class="currency-name body-font font-w--600 text-uppercase">INT</span>
                                </div>
                                <div class="input-field-row pb-0">
                                    <input type="number" readonly value="2.58893432"
                                        class="currency-input body-font font-w--600">
                                    <span
                                        class="currency-name currency-name--target body-font font-w--600 text-uppercase">ETH</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="bonuses bonuses--v1 bg-color--blue-opacity--10 rounded--05 mt-3 mt-md-6">
                    <div class="row">
                        <div class="col-12">
                            <div class="border--bottom pt-4 pb-2 text-center">
                                <h4 class="font-w--600 font-size--30">Bonuses on a public token sale</h4>
                            </div>
                        </div>
                    </div>

                    <div class="row py-6 ">
                        <div
                            class="col-12 col-md-10 col-lg-7 mx-auto d-flex flex-column align-items-center flex-sm-row align-items-sm-end justify-content-center justify-content-md-between text-center">
                            <div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
                                <span class="font-size--20 color--primary font-w--700 mb-1">35% Bonus</span>
                                <div class="position-relative">
                                    <div class="token-progress jsElement" data-top="27">
                                        <span
                                            class="token-progress__text font-size--12 text-color--500 font-w--500">Current
                                            progress</span>
                                        <div class="">
                                            <span class="decor"></span>
                                            <span class="line"></span>
                                        </div>
                                    </div>
                                    <img src="img/layout/chart-01.svg" alt="chart" class="svg d-inline-block">
                                </div>
                                <span class="font-size--13 font-w--600 mt-2">First 5000 INT</span>
                            </div>

                            <div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
                                <span class="font-size--20 color--primary font-w--700 mb-1">25% Bonus</span>
                                <div>
                                    <img src="img/layout/chart-02.svg" alt="chart" class="svg d-inline-block">
                                </div>
                                <span class="font-size--13 font-w--600 mt-2">5000 - 10000 INT</span>
                            </div>

                            <div class="text-center mr-1 mr-md-0 mb-3 mb-sm-0 reveal">
                                <span class="font-size--20 color--primary font-w--700 mb-1">15% Bonus</span>
                                <div>
                                    <img src="img/layout/chart-03.svg" alt="chart" class="svg d-inline-block">
                                </div>
                                <span class="font-size--13 font-w--600 mt-2">10000 - 25000 INT</span>
                            </div>

                            <div class="text-center reveal">
                                <span class="font-size--20 color--primary font-w--700 mb-1">5% Bonus</span>
                                <div>
                                    <img src="img/layout/chart-04.svg" alt="chart" class="svg d-inline-block">
                                </div>
                                <span class="font-size--13 font-w--600 mt-2">After 25000 INT</span>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </section>


        <section class="space token-saleinfo token-saleinfo--v1 section--darkblue bg-gradient--darkblue--2">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-10 col-md-8 mx-auto">
                        <div class="text-center mb-5 mb-lg-7 reveal">
                            <h2 class="h3-font font-w--600 mb-2">Token sale Information</h2>
                            <p class="h6-font">gives people access to wristbands that allow cashless payments at events,
                                festivals, and venues across borders. During that time, our sample size was three
                                million.</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 col-lg-8 pr-lg-6 mb-4 mb-lg-0">
                        <div class="token-saleinfo-dist d-md-flex align-items-md-center reveal">
                            <div id="pie-chart--v1"
                                class="pie-chart--flat position-relative mx-auto mr-md-3 mb-3 mb-md-0">
                                <div class="text-center d-flex flex-column pos-abs-center">
                                    <span class="text-color--400 font-size--14 font-w--600 mb-1">Total Token
                                        Supply</span>
                                    <span class="text-color--400 font-w--600 mb-1">1,000,000,000</span>
                                    <span class="text-color--400 font-w--600">INT</span>
                                </div>
                            </div>

                            <div class="content dist-content">
                                <h3 class="h4-font font-w--600 mb-3">Token Distribution</h3>
                                <ul class="content-list list-unstyled remove-space--bottom">
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#3260ED"></span>
                                            <span class="content-list__name text-color--400">Token sale
                                                participants</span>
                                        </div>
                                        <span class="content-list__value text-color--400">40%</span>
                                    </li>
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#8CA8FF"></span>
                                            <span class="content-list__name text-color--400">Founders and project
                                                team</span>
                                        </div>
                                        <span class="content-list__value text-color--400">30%</span>
                                    </li>
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#B6BD00"></span>
                                            <span class="content-list__name text-color--400">Project partners</span>
                                        </div>
                                        <span class="content-list__value text-color--400">15%</span>
                                    </li>
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#D65800"></span>
                                            <span class="content-list__name text-color--400">Operational fund within the
                                                project</span>
                                        </div>
                                        <span class="content-list__value text-color--400">6%</span>
                                    </li>
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#FFB755"></span>
                                            <span class="content-list__name text-color--400">Project consultation</span>
                                        </div>
                                        <span class="content-list__value text-color--400">5%</span>
                                    </li>
                                    <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                        <div class="d-flex align-items-center">
                                            <span class="oval--md mr-1 jsElement" data-bg-color="#F23C42"></span>
                                            <span class="content-list__name text-color--400">Bounty company</span>
                                        </div>
                                        <span class="content-list__value text-color--400">4%</span>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-lg-4 ml-auto">
                        <div class="content allocation-content reveal">
                            <h3 class="h4-font font-w--600 mb-3">Token Allocation </h3>
                            <div class="allocation-bar-wrapper bar-chart--v1 position-relative d-flex mb-3">
                                <div class="bar-portion jsElement" data-bg-color="#8ca8ff" data-progress-horizon="40">
                                    <span data-tooltip="">Core phase of tokens sale 40%</span>
                                </div>
                                <div class="bar-portion jsElement" data-bg-color="#3260ed" data-progress-horizon="25">
                                    <span data-tooltip="">Partners and advisors 25%</span>
                                </div>
                                <div class="bar-portion jsElement" data-bg-color="#b6bd00" data-progress-horizon="20">
                                    <span data-tooltip="">Project partners 20%</span>
                                </div>
                                <div class="bar-portion jsElement" data-bg-color="#d65800" data-progress-horizon="10">
                                    <span data-tooltip="">Operational fund within the project 10%</span>
                                </div>
                                <div class="bar-portion jsElement" data-bg-color="#ffb755" data-progress-horizon="5">
                                    <span data-tooltip="">Project consultation 5%</span>
                                </div>
                            </div>

                            <ul class="content-list list-unstyled remove-space--bottom">
                                <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                    <div class="d-flex align-items-center">
                                        <span class="content-list__name text-color--400">Core phase of tokens
                                            sale</span>
                                    </div>
                                    <span class="content-list__value text-color--400">40%</span>
                                </li>
                                <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                    <div class="d-flex align-items-center">
                                        <span class="content-list__name text-color--400">Partners and advisors</span>
                                    </div>
                                    <span class="content-list__value text-color--400">25%</span>
                                </li>
                                <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                    <div class="d-flex align-items-center">
                                        <span class="content-list__name text-color--400">Project partners</span>
                                    </div>
                                    <span class="content-list__value text-color--400">20%</span>
                                </li>
                                <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                    <div class="d-flex align-items-center">
                                        <span class="content-list__name text-color--400">Operational fund within the
                                            project</span>
                                    </div>
                                    <span class="content-list__value text-color--400">10%</span>
                                </li>
                                <li class="font-w--500 d-flex align-items-center justify-content-between mb-1">
                                    <div class="d-flex align-items-center">
                                        <span class="content-list__name text-color--400">Project consultation</span>
                                    </div>
                                    <span class="content-list__value text-color--400">5%</span>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>

            </div>
        </section>


        <section class="space hidden roadmap roadmap--v1 section--darkblue bg-gradient--darkblue--5" id="roadmap">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
                        <div class="text-center mb-sm-5 mb-lg-7">
                            <h2 class="h3-font font-w--600 mb-2">Company Roadmap</h2>
                        </div>
                    </div>
                </div>

                <div class="row align-items-center pb-7 pb-md-0 reveal">
                    <div class="col-12 col-xl-1 mx-auto mx-lg-0 text-center">
                        <ul class="roadmap__year list-unstyled d-xl-flex flex-xl-column">
                        </ul>
                    </div>
                    <div class="col-12 col-xl-9 ml-xl-auto">
                        <div class="carosuel-slider--v6">
                            <div class="slide mb-1" data-year="2017">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2017</span>
                                        <h3 class="slide__title font-w--600 font-size--26 text-color--200">Quarter - 1
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Founders of INT meet to confirm ideas around
                                                decentralized travel platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Token is tested and ready for release.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Whitepaper available in both English and Chinese.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Sale website optimized.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Web platform and application designed around user
                                                accessibility.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2017">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2017</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 2
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Listing INT token on exchanges (Approximately 3-month
                                                after Main-sale concludes.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Integration of platform in line with blockchain including
                                                fiat and cryptocurrency payment methods.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based
                                                dispute system development.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2017">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2017</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 3
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Release of IcoNijna beta application and web platform
                                                Release Ticket bookings on the platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Release V.2 of the IcoNijna platform updated now offering
                                                Airlines platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Development of Smart contract.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Sale website optimized.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2018">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2018</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 1
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Release V.2 of the IcoNijna platform updated now offering
                                                Airlines platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Integration of platform in line with blockchain including
                                                fiat and cryptocurrency payment methods.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Development of ICO personal account.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Beta testing.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2018">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2018</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 2
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Listing INT token on exchanges (Approximately 3-month
                                                after Main-sale concludes.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Integration of platform in line with blockchain including
                                                fiat and cryptocurrency payment methods.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based
                                                dispute system development.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2018">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2018</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 3
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Founders of INT meet to confirm ideas around
                                                decentralized travel platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Token is tested and ready for release.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Whitepaper available in both English and Chinese.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Sale website optimized.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Web platform and application designed around user
                                                accessibility.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2019">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2019</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 1
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Release of IcoNijna beta application and web platform
                                                Release Ticket bookings on the platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Release V.2 of the IcoNijna platform updated now offering
                                                Airlines platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Development of Smart contract.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Sale website optimized.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2019">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2019</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 2
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Release V.2 of the IcoNijna platform updated now offering
                                                Airlines platform.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Integration of platform in line with blockchain including
                                                fiat and cryptocurrency payment methods.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Development of ICO personal account.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Beta testing.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="slide mb-1" data-year="2019">
                                <div class="d-md-flex align-items-md-center">
                                    <div class="mr-5 pr-5 mr-xl-7 pr-xl-7 mb-3 mb-md-0 position-relative">
                                        <span class="text-color--500 font-w--600 mb-1 opacity--60">2019</span>
                                        <h3 class="slide__title font-size--26 font-w--600 text-color--200">Quarter - 3
                                        </h3>
                                        <span class="d-none d-md-inline-block decor decor--square"></span>
                                    </div>
                                    <ul class="pl-2 pl-md-0">
                                        <li class="text-color--400">
                                            <p class="h6-font">Listing INT token on exchanges (Approximately 3-month
                                                after Main-sale concludes.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Integration of platform in line with blockchain including
                                                fiat and cryptocurrency payment methods.</p>
                                        </li>
                                        <li class="text-color--400">
                                            <p class="h6-font">Peer-to-Peer chat option and amalgamation of AI-based
                                                dispute system development.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </section>


        <section class="space section--darkblue bg-gradient--darkblue--1 team team--v1" id="team">
            <div class="pb-6 pb-lg-10">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-sm-10 col-md-8 mx-auto reveal">
                            <div class="text-center mb-5 mb-lg-7">
                                <h2 class="h3-font font-w--600 mb-2">Our team</h2>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-11.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Founder, CEO</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-2.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Tom Castro</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Founder, CTO</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-3.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Steven Clark</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Backend developer</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-4.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Phoebe Watkins</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">CMO</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-1.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Marcus Moran</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-5.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Lenora Maldonado</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-6.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Risk management</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                            <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                                <img src="img/mamber-7.png" alt="mamber" class="img-fluid">
                                <div class="card-body align-items-center">
                                    <h3 class="h6-font font-w--600 color--primary">Ricardo Hogan</h3>
                                    <span class="font-size--14 opacity--80 font-w--500">Blockchain analyst</span>
                                    <ul class="icon-group justify-content-center my-1">
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                    class="fab fa-telegram-plane"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-10 col-md-8 mx-auto">
                        <div class="text-center mb-5 mb-lg-7">
                            <h2 class="h3-font font-w--600 mb-2">Advisory Board</h2>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-9.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Phoebe Watkins</h3>
                                <span class="font-size--14 opacity--80 font-w--500">ICO Marketing Expert</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-4.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Tom Castro</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Investment Advisor</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-11.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Steven Clark</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-12.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Rena Vega</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-13.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Marcus Moran</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Co-founder</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-14.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Lenora Maldonado</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Entrepreneur</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-15.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Elizabeth Guzman</h3>
                                <span class="font-size--14 opacity--80 font-w--500">ICO Marketing Expert</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-3">
                        <div class="card card-hover--3d align-items-center border--none text-center pt-5 reveal">
                            <img src="img/mamber-16.png" alt="mamber" class="img-fluid">
                            <div class="card-body align-items-center">
                                <h3 class="h6-font font-w--600 color--primary">Ricardo Hogan</h3>
                                <span class="font-size--14 opacity--80 font-w--500">Blockchain analyst</span>
                                <ul class="icon-group justify-content-center my-1">
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" class="color--primary opacity--70 px-1"><i
                                                class="fab fa-telegram-plane"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </section>


        <section class="section--darkblue bg-gradient--darkblue--5">
            <div class="space--top documents documents--v1" id="documents">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-sm-10 col-md-8">
                            <div class="text-center text-sm-left mb-5 mb-lg-7 reveal">
                                <h2 class="h3-font font-w--600 mb-2">Documents</h2>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
                            <div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
                                <a href="#">
                                    <img src="img/pdf-01.png" alt="pdf">
                                </a>
                                <div class="card-body align-items-center pt-1">
                                    <a href="#">
                                        <h3 class="card-title h6-font font-w--600 color--white mb-0">White Paper</h3>
                                    </a>
                                </div>
                                <div
                                    class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
                                    <span class="h5-font font-w--700 mb-2">Download</span>
                                    <div>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
                            <div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
                                <a href="#">
                                    <img src="img/pdf-02.png" alt="pdf">
                                </a>
                                <div class="card-body align-items-center pt-1">
                                    <a href="#">
                                        <h3 class="card-title h6-font font-w--600 color--white mb-0">One Pager</h3>
                                    </a>
                                </div>
                                <div
                                    class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
                                    <span class="h5-font font-w--700 mb-2">Download</span>
                                    <div>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
                            <div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
                                <a href="#">
                                    <img src="img/pdf-03.png" alt="pdf">
                                </a>
                                <div class="card-body align-items-center pt-1">
                                    <a href="#">
                                        <h3 class="card-title h6-font font-w--600 color--white mb-0">Presentation</h3>
                                    </a>
                                </div>
                                <div
                                    class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
                                    <span class="h5-font font-w--700 mb-2">Download</span>
                                    <div>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
                            <div class="card border--none align-items-center text-center pb-2 pt-5 reveal">
                                <a href="#">
                                    <img src="img/pdf-04.png" alt="pdf">
                                </a>
                                <div class="card-body align-items-center pt-1">
                                    <a href="#">
                                        <h3 class="card-title h6-font font-w--600 color--white mb-0">Token Sale Terms
                                        </h3>
                                    </a>
                                </div>
                                <div
                                    class="card-download d-flex flex-column align-items-center justify-content-center align-items-center pos-abs-center h-100 w-100 z-index1 p-2 pb-3">
                                    <span class="h5-font font-w--700 mb-2">Download</span>
                                    <div>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>EN</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>RU</span></a>
                                        <a href="#" class="font-w--600 font-size--15 color--white"><span>ES</span></a>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                </div>

            </div>

            <div class="space faq faq--v1" id="faq">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-lg-4">
                            <div class="text-center text-sm-left mb-5 mb-lg-7 reveal">
                                <h2 class="h3-font font-w--600 mb-2">Frequently <br> asked questions</h2>
                            </div>
                        </div>

                        <div class="col-12 col-lg-8">
                            <div class="accordion accordion--v1 reveal remove-space--bottom" id="accordion1">
                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link" type="button" data-toggle="collapse"
                                        data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                        <span class="h6-font text-color--200 text-left font-w--600">What is Cyrpto
                                            SpaceMax token?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse1" class="collapse show" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link collapsed" type="button"
                                        data-toggle="collapse" data-target="#collapse2" aria-expanded="false"
                                        aria-controls="collapse2">
                                        <span class="h6-font text-color--200 text-left font-w--600">Do we already have
                                            an application?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse2" class="collapse" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link collapsed" type="button"
                                        data-toggle="collapse" data-target="#collapse3" aria-expanded="false"
                                        aria-controls="collapse3">
                                        <span class="h6-font text-color--200 text-left font-w--600">Why
                                            blockchain?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse3" class="collapse" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link collapsed" type="button"
                                        data-toggle="collapse" data-target="#collapse4" aria-expanded="false"
                                        aria-controls="collapse4">
                                        <span class="h6-font text-color--200 text-left font-w--600">When is the SpaceMax
                                            token going to be transferable?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse4" class="collapse" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link collapsed" type="button"
                                        data-toggle="collapse" data-target="#collapse5" aria-expanded="false"
                                        aria-controls="collapse5">
                                        <span class="h6-font text-color--200 text-left font-w--600">In what currency
                                            will the funds be collected?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse5" class="collapse" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card mb-1">
                                    <button class="btn btn-header btn-link collapsed" type="button"
                                        data-toggle="collapse" data-target="#collapse6" aria-expanded="false"
                                        aria-controls="collapse6">
                                        <span class="h6-font text-color--200 text-left font-w--600">Where can I store
                                            INT token?</span>
                                        <i class="icon icon-up-arrow"></i>
                                    </button>
                                    <div id="collapse6" class="collapse" data-parent="#accordion1">
                                        <div class="card-body pl-3">
                                            <p class="text-color--500">Our product solves crucial problems of such giant
                                                services as Foursquare & Swarm, Groupon, and Tripadvisor. Millenial
                                                travelers don’t possess any more countless hours for preparing the trip
                                                itinerary (reading
                                                Tripadvisor). Business travelers, in particular, complain they are
                                                having maximum 2 to 5 free hours during their work trips, which they
                                                don’t want to spend on researching what is worth doing around.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </section>


        <section class="space section--darkblue bg-gradient--darkblue--3">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-10 col-md-8 mx-auto">
                        <div class="text-center mb-5 mb-lg-7 reveal">
                            <h2 class="h3-font font-w--600 mb-2">Our partners</h2>
                        </div>
                    </div>

                </div>

                <div class="position-relative remove-space--bottom reveal">
                    <div class="vertical-border d-flex pos-abs-center h-100 w-100">
                        <span class="column-border"></span>
                        <span class="column-border"></span>
                        <span class="column-border"></span>
                    </div>
                    <div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-1.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-2.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-3.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-4.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                    </div>

                    <div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-5.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-6.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-7.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-8.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                    </div>

                    <div class="row horizontal-border text-center mb-lg-6 pb-lg-6 d-flex align-items-center">
                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-9.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-10.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-11.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3 mb-5 mb-lg-0">
                            <span><img src="img/partner-logo-12.png" alt="partner-logo" class="img-fluid"></span>
                        </div>

                    </div>

                </div>

            </div>
        </section>


        <footer class="footer section--darkblue bg-gradient--darkblue--6">
            <div class="space--top pb-6 pb-lg-10 border--bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-md-9 col-lg-5 pr-lg-7 mb-4 mb-lg-0">
                            <span class="mb-2">
                                <img src="img/brand-logo-white.png" alt="brand-logo">
                            </span>
                            <p>The main objectives of the project are to meet the needs of cryptocurrency projects and
                                users for traditional services, and to provide access to investment product.</p>
                        </div>

                        <div class="col-6 col-md-4 col-lg-2 mb-1 mb-lg-0">
                            <h3 class="font-size--20 text-color--300 mb-2 font-w--700">Useful Link</h3>
                            <ul class="list-unstyled">
                                <li><a href="#" class="text-color--400 body-font">How it works</a></li>
                                <li><a href="#" class="text-color--400 body-font">Token sale details</a></li>
                                <li><a href="#" class="text-color--400 body-font">Team</a></li>
                                <li><a href="#" class="text-color--400 body-font">Roadmap</a></li>
                                <li><a href="#" class="text-color--400 body-font">Documents</a></li>
                            </ul>
                        </div>

                        <div class="col-6 col-md-4 col-lg-2 mb-1 mb-lg-0">
                            <h3 class="font-size--20 text-color--300 mb-2 font-w--700">Documents</h3>
                            <ul class="list-unstyled">
                                <li><a href="#" class="text-color--400 body-font">Whitepaper</a></li>
                                <li><a href="#" class="text-color--400 body-font">Onepager</a></li>
                                <li><a href="#" class="text-color--400 body-font">Privacy Policy</a></li>
                                <li><a href="#" class="text-color--400 body-font">Terms of Use</a></li>
                                <li><a href="#" class="text-color--400 body-font">Agreement</a></li>
                            </ul>
                        </div>

                        <div class="col-6 col-md-4 col-lg-3 mb-1 mb-lg-0">
                            <h2 class="font-size--20 text-color--300 mb-2 font-w--700">Address</h2>
                            <p class="">SpaceMax PTE. LTD. <br> 167 Jalan Bukit Merah br #05-12 Connection One <br>
                                Singapore (150167)</p>
                        </div>

                    </div>

                </div>

            </div>

            <div class="py-3">
                <div class="container">
                    <div class="row">
                        <div class="col text-center">
                            <ul class="icon-group icon-rounded icon-rounded-color--primary justify-content-center">
                                <li><a href="#" class="color--primary"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-telegram-plane"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-linkedin-in"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-medium-m"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-bitcoin"></i></a></li>
                                <li><a href="#" class="color--primary"><i class="fab fa-youtube"></i></a></li>
                            </ul>
                            <p class="text-color--500 font-size--14">© 2019 <a href="#"
                                    class="text-color--500">SpaceMax</a>. All Rights Reserved.</p>
                        </div>
                    </div>

                </div>

            </div>

        </footer>

    </main>
    <script src="js/plugins.min.js"></script>
    <script src="js/app.js"></script>
</body>

</html>